{extend name="public/oneself"/}
{block name="body"}
<section class = "huodxqing">
    <div class = "huodong">
        <span class = "col-xs-6 active">参加</span>
        <span class = "col-xs-6"><a href="{:url('index/oneself/createAct')}">创建活动</a></span>
    </div>
    <div class = "container xingba">
        <!--活动概述-->
        <div class = "row">
            <div class = "col-xs-4"><img src="/template/default/static/images/slide1.png" class="img-circle" /></div>
            <div class = "col-xs-8">
                <div class = "col-xs-12">类别：活动类别</div>
                <div class = "col-xs-12">时间：2017-11-13 &nbsp; 8:00-9:00</div>
                <div class = "col-xs-12">地点：乌鲁木齐新市区大寨沟</div>
            </div>
        </div>
        <!--活动概述-->
        <!--活动详情-->
        <div class = "row xiangqing">
            <div class = "col-xs-12">活动详情</div>
            <div class = "col-xs-12">如果你无法简洁的表达你的想法，那只说明你还不够了解它。</div>
        </div>
        <!--活动详情-->
        <!--活动成员-->
        <div class = "row member">
            <div class = "col-xs-12">活动成员（12/20）</div>
            <div class = "col-xs-3">
                <div class = "col-xs-12"><img src="/template/default/static/images/slide1.png" class="img-circle" /></div>
                <div class = "col-xs-12">name</div>
            </div>
            <div class = "col-xs-3">
                <div class = "col-xs-12"><img src="/template/default/static/images/slide1.png" class="img-circle" /></div>
                <div class = "col-xs-12">name</div>
            </div>
        </div>
        <!--活动成员-->
        <!--报名-->
        <div class = "row baoming" style = "border:none;">
            <div class = "col-xs-12">报名</div>
            <form style = "padding-top:2em;">
                <div class = "form-group">
                    <label class = "col-xs-3">姓名</label>
                    <input type="text" class="form-control" placeholder="昵称或姓名" required/>
                </div>
                <div class = "form-group">
                    <label class = "col-xs-3">性别</label>
                    <select  class="form-control">
                        <option value = "0">男</option>
                        <option selected value = "1">女</option>
                    </select>
                </div>
                <div class = "form-group">
                    <label class = "col-xs-3">年龄</label>
                    <input typr = "number" class="form-control" palceholder = "输入年龄" required/>
                </div>
                <div class = "form-group">
                    <label class = "col-xs-3">联系电话</label>
                    <input typr = "number" class="form-control" palceholder = "联系电话" required/>
                </div>
                <div class = "form-group">
                    <button class = "btn btn-primary center-block" type = "submit">立即报名(空缺8名)</button>
                </div>
            </form>
        </div>
        <!--报名-->
    </div>
</section>
{/block}